<html>
	<head>
		<link rel="stylesheet" type="text/css" href="fonts/HelveticaNeueBold/HelveticaNeueBold.css" />
		<link rel="stylesheet" type="text/css" href="fonts/HelveticaNeueLight/HelveticaNeueLight.css" />
		<link rel="stylesheet" type="text/css" href="controls.css" />
		<style>
		body{
			margin:0;
			padding:0;
			background:#dcdfe5;
		}
		#top{
			background-image:url('img-ele/top.png');
			background-size:100% 50px;
			background-repeat:no-repeat;
			height:43px;
			text-align: center;
			font-family:"HelveticaNeueBold";
			font-size:2em;
			color:white;
			vertical-align:middle;
			padding-top:5px;
		}
		#pnl-wrapper{
			width:372px;
			margin:0 auto;
			height:280px;
		}
		#pnl-wrapper #pnl-top{
			width:372px;
			height:76px;
			background-image:url('img-ele/pnl_05.png');
			background-repeat:no-repeat;
		}
		#pnl-wrapper #pnl-side-left{
			width:36px;
			height:100%;
			background-image:url('img-ele/pnl_07.png');
			background-repeat:repeat-y;
			float:left;
		}
		#pnl-wrapper #pnl-side-right{
			width:29px;
			height:100%;
			background-image:url('img-ele/pnl_09.png');
			background-repeat:repeat-y;
			float:right;
			margin-right:1px;
		}
		#pnl-wrapper #pnl-side-content{
			float:left;
			width:auto;
			background:#dcdfe5;
			width:305px;
		}
		#pnl-wrapper #pnl-bottom{
			width:372px;
			height:90px;
			background-image:url('img-ele/pnl_12.png');
			background-repeat:no-repeat;
			clear:both;
		}
		#user{
			margin:0 auto;
			width:280px;
		}
		
		.btnType1 input{
			font-family:"HelveticaNeueLight";
			font-size:1.3em;
			color:#4c566c;
			width:200px;
			border:0px;
		}
		#login,#forgot{
			text-align:center;
			padding-left:0px;
			margin:-2px 8px;
		}
		a{
			text-decoration:none;
		}
		#btn-ord,#btn-ai{
			text-align:center;
			padding-left:0px;
			margin:-2px 8px;
			
			cursor: hand;
		}
		</style>
		
	</head>
	<body>
		<script src="jquery-1.4.2.min.js"></script>
		<script src="jquery-ui-1.8.13.custom.min.js"></script>
		<script src="jquery.dimensions.pack.js"></script>
		<script src="jquery.combobox.packed.js"></script>
		<script src="ulti.js"></script>
		<script src="jquery.multiple-bgs.min.js"></script>
		<script>var id=location.toString().match(/id=([^&#]*)/)[1]</script>
		<div id="btn-back" class="btn-back" onclick="window.location='login.htm';"></div>
		<div id="top">
			[ <script>document.write(location.toString().match(/id=([^&]*)/)[1])</script> ] Waiter Functions
		</div>
		<div id="pnl-wrapper">
			<div id="pnl-top">
				
			</div>
			<div id="pnl-side-left">
				
			</div>
			<div id="pnl-side-content">
				
				<div class="btnType2" id="btn-ord" onclick="Order()">
					Order
				</div>
				<div class="btnType2" id="btn-ai" onclick="AlreadyItems()">
					Already Items
				</div>
			</div>
			
				<div id="pnl-side-right">
					
				</div>
			
				<div id="pnl-bottom">
					
				</div>
			
			<script>
			
				function Order(){
					window.location="welcome.htm?id="+id;
				}
				function AlreadyItems(){
					window.location="readyitems.htm?id="+id;
				}
			</script>
		</div>
	</body>
</html>